<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/cost.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
    <use-body>
        <div class="page-body cost">
            <div class="firstLine">


            </div>

            <div class="layoutLR second">
                <div class="side">
                    <div class="back-page">
                        <i class="iconfont use-arrow"></i> 返回造价大厅
                    </div>
                    <div class="layui-panel">
                        <ul class="layui-menu" id="demo-menu">
                            <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
                                <ul>
                                    <li class="layui-menu-item-checked">
                                        <div class="layui-menu-body-title"><a href="#anchor1">模块信息</a></div>
                                    </li>
                                    <li>
                                        <div class="layui-menu-body-title"><a href="#anchor2">模块基本信息</a></div>
                                    </li>
                                    <li>
                                        <div class="layui-menu-body-title"><a href="#anchor3">模块造价信息</a></div>
                                    </li>
                                    <li>
                                        <div class="layui-menu-body-title"><a href="#anchor4">清单组成一览表</a></div>
                                    </li>
                                    <li>
                                        <div class="layui-menu-body-title"><a href="#anchor5">材料设备一览表</a></div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="right layoutLR">
                    <div class="page-border">
                        <div class="layoutLR">
                            <div class="text">
                                <span><strong>查看造价模块</strong></span>
                                <!-- <span>040203007001</span>
                                <span>混凝土路面 C20商品砼 20cm厚</span> -->
                            </div>
                            <div>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-btn-radius">
                                    <i class="iconfont use-collect"></i>
                                    收藏
                                </button>
                                <button type="button" class="layui-btn layui-btn-normal layui-btn-sm layui-btn-radius">
                                    <i class="iconfont  use-edit"></i>
                                    编辑</button>

                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="page-border">
                            <div class="title" id="anchor1">
                                <span>模块信息</span>
                            </div>

                            <div class="layui-row layui-col-space16">
                                <div class="layui-col-md6">
                                    <div class="use-table">
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">工程量单位：</div>
                                            </div>
                                            <div class="layui-col-md3">
                                                m²
                                            </div>
                                            <div class="layui-col-md3">
                                                <div class="t">工程量：</div>
                                            </div>
                                            <div class="layui-col-md3">
                                                1
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <div class="layui-col-md3" style="height: 218px;">
                                                <div class="t">清单特征：</div>
                                            </div>
                                            <div class="layui-col-md9">
                                                同咨科技
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <div class="layui-col-md3" style="height: 218px;">
                                                <div class="t">工程量<br>
                                                    计算规则：</div>
                                            </div>
                                            <div class="layui-col-md9">
                                                同咨科技
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="layui-col-md6">
                                    <div class="use-table">
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">编制人：</div>
                                            </div>
                                            <div class="layui-col-md9">同咨科技</div>
                                        </div>
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">适用阶段：</div>
                                            </div>
                                            <div class="layui-col-md9">预算编制阶段</div>
                                        </div>
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">计税方法：</div>
                                            </div>
                                            <div class="layui-col-md9">一般计税法（9%）</div>
                                        </div>
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">清单类别：</div>
                                            </div>
                                            <div class="layui-col-md9">建筑工程/土方工程</div>
                                        </div>
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">计价依据：</div>
                                            </div>
                                            <div class="layui-col-md9">省市定额 四川省2015定额</div>
                                        </div>
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">适用地区：</div>
                                            </div>
                                            <div class="layui-col-md9">四川省/成都市/新津区</div>
                                        </div>
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">适用时间：</div>
                                            </div>
                                            <div class="layui-col-md9">2022年3月</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="title" id="anchor3">
                                <span>模块造价信息</span>
                                <span>单位：元</span>
                            </div>
                            <div class="layui-row layui-col-space16">
                                <div class="layui-col-md6">
                                    <div class="use-table">
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">全费用单价：</div>
                                            </div>
                                            <div class="layui-col-md3">
                                                m²
                                            </div>
                                            <div class="layui-col-md3">
                                                <div class="t">综合单价：</div>
                                            </div>
                                            <div class="layui-col-md3">
                                                1
                                            </div>
                                        </div>
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">规费：</div>
                                            </div>
                                            <div class="layui-col-md3">
                                                m²
                                            </div>
                                            <div class="layui-col-md3">
                                                <div class="t">税金及附加：</div>
                                            </div>
                                            <div class="layui-col-md3">
                                                1
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="layui-col-md6">
                                    <div class="use-table">
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t">总价措施费：</div>
                                            </div>
                                            <div class="layui-col-md9">同咨科技</div>
                                        </div>
                                        <div class="layui-row">
                                            <div class="layui-col-md3">
                                                <div class="t"></div>
                                            </div>
                                            <div class="layui-col-md9"></div>
                                        </div>

                                    </div>
                                </div>
                            </div>



                            <div class="title" id="anchor4">
                                <span>清单组成一览表</span>
                                <span>单位：元</span>
                            </div>
                            <table class="layui-table layui-table-bg" lay-skin="nob">
                                <thead>
                                    <tr>
                                        <th>定额编号</th>
                                        <th>清单名称</th>
                                        <th>单位</th>
                                        <th>工程量</th>
                                        <th>全费用单价</th>
                                        <th>全费用合价</th>
                                        <th>综合单价</th>
                                        <th>综合合价</th>
                                        <th>暂估价</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td colspan="4" style="text-align: center;"><strong>小节名称</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>孟子</td>
                                        <td>华夏</td>
                                        <td>穷则独善其身，达则兼济天下</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="text-align: center;">小计</td>
                                        <td>华夏</td>
                                        <td>穷则独善其身，达则兼济天下</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="text-align: center;"><strong>小节名称</strong></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>孟子</td>
                                        <td>华夏</td>
                                        <td>穷则独善其身，达则兼济天下</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="text-align: center;">小计</td>
                                        <td>华夏</td>
                                        <td>穷则独善其身，达则兼济天下</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="text-align: center;">合计</td>
                                        <td>华夏</td>
                                        <td>穷则独善其身，达则兼济天下</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                    </tr>
                                </tbody>
                            </table>

                            <div class="title" id="anchor5">
                                <span>材料设备一览表</span>
                                <span>单位：元</span>
                            </div>
                            <table class="layui-table layui-table-bg" lay-skin="nob">
                                <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th>材料设备编号</th>
                                        <th>材料设备编号</th>
                                        <th>单位</th>
                                        <th>数量</th>
                                        <th>单价</th>
                                        <th>合价</th>
                                        <th>暂估价</th>
                                        <th>是否暂估</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>孟子</td>
                                        <td>华夏</td>
                                        <td>穷则独善其身，达则兼济天下</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                    </tr>
                                    <tr>
                                        <td>孟子</td>
                                        <td>华夏</td>
                                        <td>穷则独善其身，达则兼济天下</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                    </tr>
                                    <tr>
                                        <td colspan="5" style="text-align: center;">小计</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>华夏</td>
                                        <td>-</td>
                                    </tr>
                                </tbody>
                            </table>

                        </div>



                        <div class="page-border">
                            <div class="note-title">笔记</div>
                            <div class="note-list">
                                <ul>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="publish">
                                <input class="layui-input" placeholder="请输入笔记内容" type="text">
                                <button class="layui-btn layui-btn-radius layui-btn-primary">发布</button>
                                <button class="layui-btn layui-btn-radius">收藏</button>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
    </use-body>
</body>
<script type="text/html" id="toolbarDemo">

    <div class="layoutLR">
        <div class="sort">
            <div>
                编号排序
                <span class="layui-table-sort layui-inline" lay-sort="desc">
                    <i class="layui-edge layui-table-sort-asc" title="升序"></i>
                    <i class="layui-edge layui-table-sort-desc" title="降序"></i>
                </span>
            </div>
            <div>
                名称排序
                <span class="layui-table-sort layui-inline" lay-sort="asc">
                    <i class="layui-edge layui-table-sort-asc" title="升序"></i>
                    <i class="layui-edge layui-table-sort-desc" title="降序"></i>
                </span>
            </div>
            <div>
                时间排序
                <span class="layui-table-sort layui-inline" lay-sort="desc">
                    <i class="layui-edge layui-table-sort-asc" title="升序"></i>
                    <i class="layui-edge layui-table-sort-desc" title="降序"></i>
                </span>
            </div>
            <div>
                人气排序
                <span class="layui-table-sort layui-inline" lay-sort="desc">
                    <i class="layui-edge layui-table-sort-asc" title="升序"></i>
                    <i class="layui-edge layui-table-sort-desc" title="降序"></i>
                </span>
            </div>
        </div>
        <div>
            <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="getCheckData">批量修改清单</button>
            <button class="layui-btn layui-btn-sm" lay-event="getData"><i class="layui-icon layui-icon-addition"></i>创建项目</button>
        </div>
    </div>
  </script>
<!-- 工具栏模板 -->
<script type="text/html" id="operate-btn">
    <div class="operate-btn">
      <i class="iconfont use-preview layui-btn btn-text"></i>
      <i class="iconfont use-exit layui-btn btn-text"></i>
    </div>
  </script>
<script>
    layui.use('table', function () {
        var $ = layui.$;
        var table = layui.table;
        var util = layui.util;
        var form = layui.form;
        var upload = layui.upload;
        var laydate = layui.laydate;
        laydate.render({
            elem: '#ID-laydate-range',
            range: ['#ID-laydate-start-date', '#ID-laydate-end-date']
        });
        util.on('lay-on', {
            'add-dialog': function () {
                layer.open({
                    type: 1,
                    shade: false, // 不显示遮罩
                    content: $('#ID-test-layer-wrapper'), // 捕获的元素
                    title: '新建任务',
                    closeBtn: 1,
                    end: function () {
                        // layer.msg('关闭后的回调', {icon:6});
                    }
                });
            },
        })

        // 已知数据渲染
        var inst = table.render({
            elem: '#ID-table-demo-data',
            toolbar: '#toolbarDemo',
            defaultToolbar: false,
            cols: [[ //标题栏
                { field: 'id', title: '清单编号', align: 'center' },
                { field: 'username', title: '清单名称', align: 'center' },
                { field: 'username', title: '清单特征', align: 'center', },
                { field: 'username', title: '单位', align: 'center' },
                { field: 'username', title: '工程量', align: 'center' },
                { field: 'username', title: '全费用单价', align: 'center' },
                { field: 'username', title: '综合单价', align: 'center' },
                { field: 'username', title: '其中：暂估价', align: 'center' },
                { field: 'username', title: '总价措施费', align: 'center' },
                { field: 'username', title: '其中：安全文明费', align: 'center' },
                { field: 'username', title: '规费', align: 'center' },
            ]],
            data: [{ // 赋值已知数据
                "id": "10001",
                "username": "张三1",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "116"
            }, {
                "id": "10002",
                "username": "张三2",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "12",
                "LAY_CHECKED": true
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }, {
                "id": "10004",
                "username": "张三4",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "777"
            }, {
                "id": "10005",
                "username": "张三5",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "86"
            }, {
                "id": "10006",
                "username": "张三6",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "12"
            }, {
                "id": "10007",
                "username": "张三7",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "16"
            }, {
                "id": "10008",
                "username": "张三8",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "106"
            }],
            skin: 'nob', // 表格风格
            //even: true,
            page: { // 支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['count', 'prev', 'page', 'next', 'limit',], //自定义分页布局
            },

            limit: 10 // 每页默认显示的数量
        });


        laydate.render({
            elem: '.laydate'
        });

        $('.collapseBtn').click(function () {
            $(this).find('.layui-icon').toggleClass('layui-icon-down')
            $('.filters .item').each(function (index, i) {
                if (index > 2) {
                    $(i).toggle()
                }
            })
        })

        $('.layui-table-sort-asc').click(function () {
            $(this).parent().attr("lay-sort", "asc")
        })

        $('.layui-table-sort-desc').click(function () {
            $(this).parent().attr("lay-sort", "desc")
        })
    });
</script>

</html>